<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript基础</title>
    <style>
        /*  */
    </style>
    <!-- 二、 引入JS 在绝对路径前加 ./ 相对于当前文件的相对路径-->
    <script src="./src/js/method.js"></script>
    <!-- 由于JS中操作DOM，所以一般默认外部引入在body里面的最下面 ， 由于按顺序执行 写在head中下面DOM还未加载 -->
    <!-- 外部引入一般默认写在body里面的最下面 -->
    <!--  后面再学习 -->
    <script src="./src/js/method.js" async defer></script>
</head>
<body> 
    <div>
        <!-- 2、 写在普通标签之中 -->
        <button>点击</button>
        <button onclick="alert('点击弹出')">点击弹出</button>
        <button onclick="document.write('点击写入0')">点击写入</button>
        <!-- 3、超链接 -->
        <a href="javascript:alert('0000')">link</a>
        <!-- <a href="javacript:document.write('超链接')">link</a> -->
    </div>
    <script>
        /* 
            ECMA Script  ES5 ES6
            Three.js   https://threejs.org/   中文：http://www.webgl3d.cn/
         */
         /*  1、 直接写在script标签中   */
         document.write('abc')  // 在文档直接写入
         alert('hello world')   // 弹出框
    </script>
</body>
<script>
    /* 
        浏览器自动纠正功能，eg:这里的script标签在浏览器上自动纠正到body标签中 或者标签不全eg<div> 在浏览器中会自动补全
        浏览器解析标签按照顺序执行，从上到下  
        不建议让浏览器纠正，因为纠正会消耗浏览器性能
        由于标签按照顺序执行，所以
            <script>标签下的div比script后执行
     */
</script>
</html>